<!DOCTYPE html>
<!-- saved from url=(0037)http://gxkanba.com/Admin/Public/login -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>后台管理系统</title>
    <link rel="icon" href="static/image/favicon.ico" type="image/ico">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" type="text/css" href="static/bootstrap/css/bootstrap.css">
    <style type="text/css">
        *{ margin: 0; padding: 0; font-family: "微软雅黑";}
        .pos-rel{ position: relative;}
        html{ background: url("static/image/login-bg.jpg") center no-repeat; width: 100%; height: 100%; min-width: 1200px;}
        img{ max-width: 100%;}
        .login-bg{ position: absolute; left: 0; top: 50%; margin-top: -180px; width: 100%; min-width: 1200px; height: 360px; background-color: rgba(255,255,255,.78);}
        .contater{ width: 1200px; margin: auto;}
        .login{ float: right; margin-right: 10%;  height: 360px; overflow: hidden; /*background-color: #7c7c7c;*/ background-color: #f0eff4; padding: 30px;}
        .login h4{text-align: center; color: #007cc6; font-weight: bolder; font-size: 26px; margin-bottom: 30px;}
        .form-group label{ padding-right: 0; text-align: left !important; color: #4e97d9; font-size: 16px; font-weight: normal;}
        .form-group input{ height: 40px;/* line-height: 40px;*/}
        .form-horizontal{ margin: 20px 0;}
        .form-horizontal button.btn-default, .form-horizontal button.btn-default:focus{ padding: 10px !important; border-radius: 0; background-color: #4e97d9; border: 0; color: white; font-size: 18px; outline: none; margin-top: 30px;}
        .logo{ float: right; /* height: 150px;*/ text-align: center; margin-top: 8%; margin-right: 30px;}
        .logo h2{ font-size: 30px; font-weight: bolder; color: #007cc6;}
        .logo img{}
        #js_verify_refresh{ position: absolute; right: 20px; top: 5px;width: 60px;height: 30px;}

        .form-group .form-control:focus{ border-color:#007cc6;}
    </style>
    <script type="text/javascript">
        $(function(){
            //点击登陆
            $("#submit-btn").bind("click", function() {
                $(this).html("登陆中...");
            });
            //刷新验证码
            $("#js_verify_refresh").bind("click", function(){
                $(this).attr("src", "/Public/verify?"+Math.random());
            });
        });
    </script>
</head>
<body>
<div class="login-bg">
    <div class="contater">
        <div class="login row">
            <h4>后台管理系统</h4>
            <form class="form-horizontal" role="form" accept-charset="utf-8" action="#" method="post">
                <div class="form-group">
                    <label class="col-xs-3 control-label">账&nbsp;&nbsp;&nbsp;号</label>
                    <div class="col-xs-9">
                        <input type="text" class="form-control" name="username" placeholder="请输入手机号">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-3 control-label">密&nbsp;&nbsp;&nbsp;码</label>
                    <div class="col-xs-9">
                        <input type="password" name="password" class="form-control" placeholder="请输入密码">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-3 control-label">验证码</label>
                    <div class="col-xs-9 pos-rel">
                        <input type="text" name="verify" placeholder="请输入验证码" class="form-control"><img id="js_verify_refresh" src="static/image/verify.png" style="cursor: pointer;">
                    </div>
                </div>
                <button class="btn btn-default btn-block" type="submit" id="submit-btn">立即登录</button>
            </form>
        </div>
        <div class="logo">
            <img src="static/image/logo.png">
            <h2>后台管理系统</h2>
        </div>
    </div>
</div>

</body>

<script type="text/javascript" src="static/plugins/jquery/jquery.js"></script>
<script type="text/javascript" src="static/bootstrap/js/bootstrap.js"></script>
</html>